// pages/main/index.js
const App = getApp();
var QR = require("../../utils/qrcode.js");
Page({
  data:{
    canvasHidden:false,
    maskHidden:true,
    imagePath:'',
    placeholder:'',//默认二维码生成文本
    type:'normal',
    doing_id:0,
    doing_user_id:0
  },
  onLoad:function(options){
    this.setData({
      type: options.type,
      doing_id: options.doing_id,
      doing_user_id: options.doing_user_id
    });
    let doing_id = options.doing_id;
    let doing_user_id = options.doing_user_id;
    // console.log(doing_id);
    // console.log(doing_user_id);
    // 页面初始化 options为页面跳转所带来的参数
    var size = this.setCanvasSize();//动态设置画布大小
    //var initUrl = this.data.placeholder;
    //var initUrl = 'https://www.moshankj.com/index.php?s=/store/market.coupon/index';
    var initUrl = 'https://www.moshankj.com/index.php?s=/store/doing/edit_order&doing_id=' + doing_id + '&doing_user_id=' + doing_user_id;
    console.log(initUrl);
    this.createQrCode(initUrl, "mycanvas", size.w, size.h);
    //获取应该的积分数量
    this.getInitNum();
  },
  onReady:function(){
  
  },
  onShow:function(){
    // 页面显示
    //this.formSubmit();
  },
  
  //获取应该的积分数量
  getInitNum:function(){
    let _this = this;
    let doing_user_id = this.data.doing_user_id;
    // console.log(doing_user_id);
    App._get('doing/getInitNum', {
      doing_user_id: doing_user_id
    }, function (result) {
      //console.log(result);
      _this.setData({
        content:result.data
      });
    });
  },

  //适配不同屏幕大小的canvas
  setCanvasSize:function(){
    var size={};
    try {
        var res = wx.getSystemInfoSync();
        var scale = 750/686;//不同屏幕下canvas的适配比例；设计稿是750宽
        var width = res.windowWidth/scale;
        var height = width;//canvas画布为正方形
        size.w = width;
        size.h = height;
      } catch (e) {
        // Do something when catch error
        console.log("获取设备信息失败"+e);
      } 
    return size;
  } ,
  createQrCode:function(url,canvasId,cavW,cavH){
    //调用插件中的draw方法，绘制二维码图片
    QR.api.draw(url,canvasId,cavW,cavH);
    setTimeout(() => { this.canvasToTempImage();},1000);
    
  },
  //获取临时缓存照片路径，存入data中
  canvasToTempImage:function(){
    var that = this;
    wx.canvasToTempFilePath({
      canvasId: 'mycanvas',
      success: function (res) {
          var tempFilePath = res.tempFilePath;
          console.log(tempFilePath);
          that.setData({
              imagePath:tempFilePath,
             // canvasHidden:true
          });
      },
      fail: function (res) {
          console.log(res);
      }
    });
  },
  //点击图片进行预览，长按保存分享图片
  previewImg:function(e){
    var img = this.data.imagePath;
    console.log(img);
    wx.previewImage({
      current: img, // 当前显示图片的http链接
      urls: [img] // 需要预览的图片http链接列表
    })
  },
  formSubmit: function(e) {
    var that = this;
    let type = this.data.type;
    if (type == 'normal'){
      var url = 'https://www.moshankj.com/index.php?s=/store/market.coupon/index';
    }
    //var url = e.detail.value.url;
    this.setData({
      maskHidden:false,
    });
    wx.showToast({
      title: '生成中...',
      icon: 'loading',
      duration:2000
    });
    var st = setTimeout(function(){
      wx.hideToast()
      var size = that.setCanvasSize();
      //绘制二维码
      that.createQrCode(url,"mycanvas",size.w,size.h);
      that.setData({
        maskHidden:true
      });
      clearTimeout(st);
    },2000)
    
  }

})